<template>
  <Text
    :content="content"
    fill="#db2b00"
    :transform="`translate(${x}, ${y})`"
    v-show="recordStore.pause.visible"
  />
</template>

<script setup>
  import Text from './Text.vue'
  import { FIELD, CHAR } from '@/utils/global'
  import { useRecordStore } from '@/store/gameRecord'

  const content = 'pause'
  const x = (FIELD - content.length * CHAR) / 2
  const y = (FIELD + CHAR) / 2

  const recordStore = useRecordStore()
</script>

<style lang="scss" scoped>

</style>